document.addEventListener('DOMContentLoaded', function() {
    const projectContentItems = document.querySelectorAll('.project-item');
    const projectTabItems = document.querySelectorAll('.project-list-tab li');

    projectTabItems.forEach((tabItem, index) => {
        tabItem.addEventListener('click', () => {
            projectContentItems.forEach(item => item.classList.remove('active'));
            projectContentItems[index].classList.add('active');

            projectTabItems.forEach(li => li.classList.remove('active'));
            tabItem.classList.add('active');
        });
    });
});